<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title></title>
	<link rel="stylesheet" href="../../css/common.css" />
	<link rel="stylesheet" href="../../css/pages/login/index.css" />
	<link rel="stylesheet" href="../../css/pages/login/login.css" />
    <link rel="stylesheet" href="../../lib/layui/css/layui.css" />
</head>

<body>
	<!-- 中央面板 -->
	<div id="center-panel">
		<!-- 顶部标题 -->
		<div id="top-desc" style="display: inline-block">
			<span id="topic" style="display: block;">雨扉</span>
		</div>
		<!-- 主要面板 -->
		<div id="main-panel">
		<!-- 登录表单 -->
			<form id="login-form">
				<div class="input-item">
					<span class="input-desc" style="opacity: .2;">用户名</span>
					<input type="text" name="username" id="username" />
				</div>
				<div class="input-item">
					<span class="input-desc" style="opacity: .2;">密码</span>
					<input type="password" name="password" id="password"/>
				</div>
				<div class="input-item">
					<input type="text" name="verify_code" id="verify_code" style="width:60%" />
					<img src="http://localhost:8080/captcha/captchaImage?" onclick="getCaptchaImg()" id="verify-code-img"></img>
				</div>

				<!-- 表单按钮 -->
				<div id="bottom-panel">
					<input type="button" value="登录" onclick="login()" />
					<input type="button" onclick="window.location='register.html'" value="注册" />
				</div>
			</form>
		</div>
		<!-- 主要面板结束 -->
	</div>
	<!-- 中央面板结束 -->
	
	<script src="../../lib/jquery-3.7.0.js"></script>
    <script src="../../lib/layui/layui.js"></script>
	<script src="../../js/pages/login/login.js"></script>
</body>

</html>